<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="../resources/text-based-repaint.js" type="text/javascript"></script>
<script type="text/javascript">
function repaintTest() {
    document.getElementById("contentBox").style.setProperty("width", "600px");
}
</script>
<style>
    img, div {
        width: 420px;
        height: 420px;
    }
    div {
        border: red 1px solid;
    }
</style>
</head>
<body onload="runRepaintAndPixelTest()">
    <p>The svg image contained in the div element (red box) should not change its appearance when width is resized to be larger</p>
    <div id="contentBox">
        <img src="../../../svg/as-background-image/resources/butterfly.svg"/>
    </div>
</body>
</html>
